<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<!DOCTYPE html>
<html>
<head>
<title>${article.title }</title>
<%@ include file="/WEB-INF/views/include.inc.jsp"%>
</head>
<body class="page-index">
<c:import url="/layout/header?columnId=${article.column.id }&tag=shadow"/>
<div class="news news-detail">
  <div class="container">
    <div class="row">
      <div class="col-xs-9">
        <div class="head3">
          <h1 class="title">${article.title }</h1>
          <div class="div3">
            <span class="create-time"><fmt:formatDate value="${article.createTime }" pattern="yyyy-MM-dd HH:mm" /></span>
            <span class="author">${article.author }</span>
            <span class="span3">
              <span>分享到&nbsp;|&nbsp;</span>
              <a href="#"><img src="${contextPath }/styles/dsj/css/images/icon-s1.png" alt="" style="width: 19px;"></a>&nbsp;
              <a href="#"><img src="${contextPath }/styles/dsj/css/images/icon-s2.png" alt=""></a>&nbsp;
              <a href="#"><img src="${contextPath }/styles/dsj/css/images/icon-s2.png" alt=""></a>
            </span>
          </div>
        </div>
        <div>${article.content }</div>
      </div>
      
	  <c:import url="/layout/right"/>
    </div>
  </div>
</div>
<c:import url="/layout/footer"/>
</body>
<script>
// 主菜单动画
$(function() {
    var easing = "linear";
    $(".head2 .nav li").each(function() {
        if ($(this).hasClass("active")) return;
        var w = $(this).find("a").width();
        var span = $(this).find("a>span");
        $(this).on({
            mouseenter: function() {
                if (span.css("right") == "auto") {
                    span.css("right", w + "px");
                };
                span.animate({
                    left: 0,
                    right: 0
                }, 300, easing);
            },
            mouseleave: function() {
                span.animate({
                    right: w
                }, 100, easing);
            }
        });
    });
});

</script>
</html>